<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
  // import autofit from 'autofit.js'

  export default {
    name: 'App',
    metaInfo() {
      return {
        title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
        titleTemplate: title => {
          return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
        }
      }
    },
    data() {

    },
    // mounted() {
    //   autofit.init({
    //       el: '#app',   //渲染的dom，默认是 "#app"
    //       dw: 1920,   //设计稿的宽度，默认是 1920
    //       dh: 1080,   //设计稿的高度，默认是 929 ，如果项目以全屏展示，则可以设置为1080
    //       resize: true,   //是否监听resize事件，默认是 true
    //       transition: 0,    //过渡时间，默认是 0
    //       delay: 0    //默认是 0
    //     },
    //     false
    //   )
    // },

    // 如果是单个页面做自适应,需要在页面销毁后删除插件,不然可能会影响其他页面,为了保险个人建议App.vue也加上组件销毁的生命周期
    // beforeDestroy() {
    //   autofit.off()
    // }
  }
</script>
<!--<style>-->
<!--  html,-->
<!--  body {-->
<!--    width: 100%;-->
<!--    height: 100%;-->
<!--    margin: 0;-->
<!--    min-width: 1280px;-->
<!--  }-->

<!--  #app {-->
<!--    overflow: hidden;-->
<!--    width: 100%;-->
<!--    height: 100%;-->
<!--    min-width: 1280px;-->
<!--  }-->
<!--</style>-->
